<app-detail-header
  [title]="'GENERAL.INFO.BASIC' | i18n"
  [ifEditable]="isEditable"
  (edit)="triggerBaseEdit()"
  (cancel)="cancelBase()"
  (save)="saveBase()"
  [hideIcon]="!aclService.canAbility('api.put.camel.store.one')"></app-detail-header>

<app-base-info
  [imgSrc]="imgSrc"
  [(firstColumns)]="firstColumns"
  [(secondColumns)]="secondColumns"
  [(bottomColumnsRows)]="bottomColumnsRows"></app-base-info>

<app-detail-header
  [title]="'GENERAL.INFO.OTHER' | i18n"
  [tabs]="tabs$ | async"
  [ifEditable]="false"
  class="cil__scroll-div">
</app-detail-header>

<router-outlet></router-outlet>
<ng-template #tplNation>
  <app-country-select
    [allowClear]="false"
    [(ngModel)]="selectedCountry">
  </app-country-select>
</ng-template>

<ng-template #tplMCC>
  <app-mcc-select
    [allowClear]="false"
    [(ngModel)]="selectedMCC"
    [mccType]="'standard'">
  </app-mcc-select>
</ng-template>

<ng-template #tplCurrency>
  <app-currency-select
    required
    [multiple]="isCurrencyMultiple"
    [insCode]="detailData.common.insCode"
    [(ngModel)]="selectedCurrency"
    (requiredEvent)="currencyRequiredHandler()"></app-currency-select>
</ng-template>

<ng-template #tpControl>
  <div class="btn-groups">
    <button
      acl [acl-ability]="'api.get.camel.stores.report'"
      class="custom-btn ng-star-inserted"
      (click)="download()">
      <i nz-icon [nzIconfont]="'icon-download-twotone'"></i>
    </button>
    <span 
      acl [acl-ability]="'api.get.camel.stores.report'"
      class="btn-separator" >|</span>
    <button
      acl [acl-ability]="'api.put.camel.store.one.freeze'"
      class="custom-btn ng-star-inserted"
      (click)="freezeDialog()"
      *ngIf="detailData.common.status === 'normal'">
      <i nz-icon [nzIconfont]="'icon-lock-square'"></i>
    </button>
    <button
      acl [acl-ability]="'api.put.camel.store.one.unfreeze'"
      class="custom-btn ng-star-inserted"
      (click)="unfreezeDialog()"
      *ngIf="detailData.common.status === 'freeze'">
      <i nz-icon [nzIconfont]="'icon-unlock'"></i>
    </button>
  </div>
</ng-template>